<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta content="yes" name="apple-mobile-web-app-capable"/>
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection"/>
<meta content="yes" name="apple-touch-fullscreen"/>
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
<link rel="stylesheet" href="css/mainstyle.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/chart.css">
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/zepto.min.js"></script>
<script type="text/javascript" src="js/logger.js"></script>
<script type="text/javascript" src="js/loading.js"></script>

<script type="text/javascript" src="http://g.alicdn.com/dingding/open-develop/1.6.9/dingtalk.js"></script>
<script type="text/javascript" src="js/dingding_mobile.js"></script>

<script type="text/javascript" src="https://g.alicdn.com/dingding/dingtalk-pc-api/2.7.0/index.js"></script>
<script type="text/javascript" src="js/demoPC.js"></script>

<script src="js/echarts.common.min.js"></script>
<script src="js/laydate.js"></script>
<script src="js/commonTool.js"></script>
<script src="js/chartMethod.js"></script>

    <title>自建站统计</title>
</head>
<body>
  <div id="header"></div>
    <div id="content2">
    <div id="cont_title"><span class="sp_title">自建站统计</span><span class="setPer"><a href="newPerSet.html">用户授权</a></span></div>
    <div id="chartData" class="content">
            <div class="nav-control">
                <p class="active" list-type="0">流量</p>
                <p list-type="1">来源</p>
                <p list-type="2">分布</p>
                <p list-type="3">订单</p>
                <p list-type="4">测速</p>
            </div>
            <div id="navtool">
                       <div class="navtool_cont">
                           <span class="navtool_span">时间:</span>
                            <select id="pt_select" class="navtool_sel">
                                <option>今天</option>
                                <option>昨天</option>
                                <option>最近7天</option>
                                <option>最近30天</option>
                            </select>
                            <input id="timesend" class="navtool_time" type="button" value="提交" style="width: 50px">
                            <input id="tar_end" class="navtool_time" type="text" placeholder="结束时间">
                            <span class="navtool_time" style="width: 5px">-</span>
                           <input id="tar_begin" class="navtool_time" type="text" placeholder="开始时间">   
                       </div>
                   </div>
            <div id="minirefresh0" class="minirefresh-wrap">
                <div class="data-list" id="listdata0">
                   
                    <div class="total">
                        <div id="pv" class="total_per">
                            <h4>浏览量(PV)</h4>
                            <span id="pv_val">0</span>
                        </div>
                        <div id="pp" class="total_per">
                            <h4>人均浏览</h4>
                            <span id="pp_val">0</span>
                        </div>
                        <div id="ip" class="total_per">
                            <h4>IP</h4>
                            <span id="ip_val">0</span>
                        </div>
                        <div id="uv" class="total_per">
                            <h4>独立访客(UV)</h4>
                            <span id="uv_val">0</span>
                        </div>
                    </div>
                    <div id="chart0"></div> 
                    <table id="scanTable" class="custom_table"  border="1" cellspacing="0">
                            <thead>
                            <tr>
			                 <th scope="col">时间段</th>
			                 <th scope="col">浏览量</th>
			                 <th scope="col">人均浏览</th>
			                 <th scope="col">IP</th>                
			                 <th scope="col">独立访客</th>
			                 </tr>
                           </thead>
                            <tbody id="scan_tb" valign="middle">
                            </tbody>
                        </table>	
                </div>
                
            </div>
            <div id="minirefresh1" class="minirefresh-wrap minirefresh-hidden">
                 <div class="data-list" id="listdata1">
                        <div id="chart1" ></div>
                        <table id="platformTable" class="custom_table"  border="1" cellspacing="0">
                            <thead>
                            <tr>
			                 <th scope="col">来源</th>
			                 <th scope="col">浏览量</th>
			                 <th scope="col">人均浏览</th>
			                 <th scope="col">IP</th>
			                 <th scope="col">独立访客</th>
			                 </tr>
                           </thead>
                            <tbody id="plat_tb" valign="middle">
                            </tbody>
                        </table>	
                    </div>
            </div>
            <div id="minirefresh2" class="minirefresh-wrap minirefresh-hidden">
                 <div class="data-list" id="listdata2">
                        <div id="chart2" ></div>
                        <table id="countryTable" class="custom_table"  border="1" cellspacing="0">
                            <thead>
                            <tr>
			                 <th scope="col">国家地区</th>
			                 <th scope="col">浏览量</th>
			                 <th scope="col">人均浏览</th>
			                 <th scope="col">IP</th>
			                 <th scope="col">独立访客</th>
			                 </tr>
                           </thead>
                            <tbody id="country_tb" valign="middle">
                            </tbody>
                        </table>
                    </div>
            </div>
            <div id="minirefresh3" class="minirefresh-wrap minirefresh-hidden">
                 <div class="data-list" id="listdata3">
                       <div class="total" style="height: 160px">
                        <div class="total_per">
                           <span class="ddtitle">销售金额</span>
                            <h3 id="xsje">0</h3><br>
                            <span id="dzfje">待支付:</span>
                        </div>
                        <div  class="total_per">
                            <span class="ddtitle">订单数量</span>
                            <h3 id="ddsl">0</h3><br>
                            <span id="dzfbs">待支付:</span>
                        </div>
                        <div  class="total_per">
                            <span class="ddtitle">待发货数</span>
                            <h3 id="dfhs">0</h3>
                        </div>
                        <div  class="total_per">
                           <span class="ddtitle">总商品数</span>
                            <h3 id="zsps">0</h3>
                        </div>
                    </div>
                        <div id="chart3" ></div>
                        <table id="orderTable" class="custom_table" style="top: 550px"  border="1" cellspacing="0">
                            <thead>
                            <tr>
			                 <th scope="col">国家地区</th>
			                 <th scope="col">金额</th>
			                 <th scope="col">订单数量</th>
			                 <th scope="col">订单单价</th>
			                 </tr>
                           </thead>
                            <tbody id="order_tb" valign="middle">
                            </tbody>
                        </table>
                    </div>
            </div>
            <div id="minirefresh4" class="minirefresh-wrap minirefresh-hidden">
                 <div class="data-list" id="listdata4">
                        <div id="chart4" ></div>
                        <table id="speedTable" class="custom_table"  border="1" cellspacing="0">
                            <thead>
                            <tr>
			                 <th scope="col">国家</th>
			                 <th scope="col">平均载入</th>
			                 <th scope="col">平均下载</th>
			                 <th scope="col">平均连接</th>
			                 <th scope="col">平均响应</th>
			                 </tr>
                           </thead>
                            <tbody id="speed_tb" valign="middle">
                            </tbody>
                        </table>	
                    </div>
            </div>
            
            
    </div>
       
        
    </div>
</body>
</html>